首页 > 微信 > 详细

10 小程序-VUE学习1

时间:2020-11-13 12:14:34      阅读:29      评论:0      收藏:0      [点我收藏+]

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>


10 小程序-VUE学习1

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!