10 小程序-VUE学习1

时间：2020-11-13 12:14:34 收藏：0 阅读：35

1.vue.js

当前项目使用比较多，我们需要掌握vue基本开发功能，vue是渐进式的开发，意味着可以部分嵌入其中进行开发，也就是说一部分页面用老的jquery开发，新的用vue开发。

vue全家桶指的是Core，vue，rooter，vuex，满足各种各样的需求

高级功能：

解耦视图和数据
可复用的组件
前端路由技术 vue-router
状态管理
虚拟dom

学习vue的基础是html ，css，javaScript

1.1.小示例

我们的代码做了什么事情：

我们来阅读javaScript代码，会发现创建了一个vue对象

创建vue对象的时候，传入了一些options：{}

{}中包含了el属性，该属性决定了这个vue对象挂载到哪个元素上，很明显我们挂载在id为app的元素上。
{}中包含了data属性，该属性通常存储一些数据，要么是我们直接定义，就像截图中，要么是来自网络或服务器加载的

浏览器执行代码流程执行10-13代码显示出对应的html

执行16行代码创建vue示例，并对原html进行解析和修改

同时我们当前代码可以做到响应式

1.2开门小菜

    <script>
        function Person(name,age) {

        }
        function vuee({

                      }) {

        }
    </script>
</head>
<body>
<!--new vue 是因为vue里面有vue对象，类似于上面function Person一样，当然person也可以传参,但vue里面是对象，要注意-->
<!--    原先我们定义对象，可以用一个变量接收-->
  var app=new vue({

 })
<!--但现在我们用let/const来接收  其中let在es6中定义变量  const在es6中定义常量-->

</body>

原文：https://www.cnblogs.com/rango0550/p/13967869.html