摘要:主要特性模板渲染响应式双向数据绑定组件化开发路由虚拟好处初始视图没有优势,反而中间多了一层虚拟,所以性能没有提高更新视图优势明显减少重复生成与删除操作,减少查询定位元素的操作,能修改操作完成的就绝不使用生成与删除来操作脚手架是什么有什么作
vuejs主要特性?
模板渲染
响应式双向数据绑定
组件化开发
路由
虚拟DOM好处?初始视图没有优势,反而中间多了一层虚拟DOM,所以性能没有提高
更新视图优势明显:减少重复生成与删除DOM操作,减少查询定位DOM元素的操作,能修改操作完成的就绝不使用生成与删除来操作
vue-cli 脚手架是什么?有什么作用?是一种开发vue应用的前端自动化构建工具
主要有以下作用:
1、生成项目目录结构 2、本地开发调试 3、代码部署 4、热加载 5、单元测试Vue实体外部,如何获取和赋值(数据)
var app = new Vue({ el: "#app", data: { name: "wt" } }); // 获取数据 console.log(app.$data.name); console.log(app.name); // 赋值 app.$data.name = “你好”; app.name = “你好”;Vue实体内部,如何获取和赋值(数据)
var app = new Vue({ el: "#app", data: { name: "wt", message: "" }, methods: { reverseMessage: function () { this.message = this.message.split("").reverse().join("") } } });条件
条件命令有哪些? v-if v-else v-else-if v-show
v-if/v-else/v-else-if : 可以使用 初始开销低,少切换 v-show : 不可以使用 切换开销低,初始频繁 列表列表命令有哪些? v-forMVVM vs MVP
列表命令作用于 数组 和 对象MVVM:由M、V、VM三部分组成,vuejs主要实现VM部分,我们开发主要负责M、V两层 MVP: 由M、V、P三部分组成,P负责业务逻辑和DOM操作 MVVM优点:面向数据、代码少、效率高 MVP优点: 面向DOM、代码多、效率低数据的双向绑定单向绑定
把Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新双向绑定
如果用户更新了View,Model的数据也自动被更新了,这种情况就是双向绑定。
主要适用场景:一般是表单元素(能与用户交互的那些)双向绑定的实现
v-model组件化 生命周期函数Vue生命周期函数是一种在某时间点 自动执行的函数(钩子函数)定义
new Vue({ data: { a: 1 }, created: function () { // `this` 指向 vm 实例 console.log("a is: " + this.a) } }) // 并非定义在methods中 // 生命周期函数中,this指代vue实例模板语法标签内容
有3种语法: 1、插值表达式 {{ msg }} 2、v-text 3、v-html 注意: v-text 与 {{}} 作用一样 3种语法都可以写js表达式:{{ msg + "LEE"}}
标签事件(绑定)
标签属性
有2个属性是特殊的:class和style,其他属性(包括:class和style)都可以按如下绑定标签属性GreetGreetGreet注意
1、无论是标签内容、事件、属性都可以使用js表达式,与微信小程序不同,vuejs可以直接调用方法,例如 {{ greet() }}文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/84188.html
相关文章
vuejs&electron-vue----朝花夕拾.
摘要:推荐使用使用指定打包位。开发环境跨域代理设置如果是接口,需要配置这个参数如果接口跨域,需要进行这个参数配置通过新窗口打开项目内页面 ————仅以此文记录个人使用vuejs开发项目对一些需求的处理方法,不定期更新... 加载favicon.ico图标 //index.html // build/webpack.dev.conf.js new HtmlWebpackPlugin({ ...
如何随机&&去重返回新数组
摘要:问题起因姐毫无征兆的在我们的水群里发来一段代码她的目的是想从中随机抽取个不重复的值组成一个新数组问我代码是否有问题很遗憾因为我刚睡醒随便贴了一下代码运行了一下就说没问题很快我就被打脸了也是如果没问题的话她问个毛大家可以先找一下问题下面先 1.问题起因 W姐毫无征兆的在我们的水群里发来一段代码: var arr = [{q:1+1=?,a:2,b:3,c:1},{q:1+2=?,a:2,...
python3 queue多线程通信
小编写这篇文章的主要目的,主要是给大家介绍关于python3 queue多线程通信,这里面有很多的技术性的难点,那么,该怎么去进行处理呢,下面小编给大家进行详细的解答一下。 queue分类 python3 queue分三类: 先进先出队列 后进先出的栈 优先级队列 他们的导入方式分别是: fromqueueimportQueue fromqueueimportLifoQueue...
发表评论
0条评论
![]()
wuaiqiu
男|高级讲师
TA的文章
阅读更多
你应该使用哪个云数据库?
阅读 2537·2021-11-15 11:36
如何解决vue打包项目中的图片,静态css,js 不能访问路径问题
阅读 1295·2019-08-30 15:56
css3 loading
阅读 2399·2019-08-30 15:53
vue中created与mounted区别
阅读 1116·2019-08-30 15:44
从头开始 — CSS — 垂直居中
阅读 727·2019-08-30 14:13
重学前端学习笔记(二十三)--狭义的文档对象DOM
阅读 1066·2019-08-30 10:58
前端每日实战:42# 视频演示如何用纯 CSS 创作一个均衡器 loader 动画
阅读 556·2019-08-29 15:35
iphoneX适配-客户端H5页面
阅读 1378·2019-08-29 13:58
<阅读需要支付1元查看