Vue
陈威24
这个作者很懒,什么都没留下…
展开
-
Vue实现数据绑定的原理
Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接,不过理解其工作原理同样重要,这样你可以避开一些常见的问题。1 vue中数据双向绑定的体现2 vue数据双向绑定原理vue数据双向绑定是通过 数据劫持 结合 发布者-订阅者模式 的方式来实现的数据劫持的实现方式 Object....原创 2019-08-20 09:05:10 · 429 阅读 · 0 评论 -
Vue模板语法
1 文本2 纯HTMLv-html vue提供的一个指令,相当于原生js中的 innerHTML 的功能,相当于jQuery中的().html() v-text vue提供的一个指令,相当于原生js中的 innerText 的功能,相当于 jQuery 中的().text() ,一般会用 文本 形式代替 {{ msg }},作用: 防止XSS,CSRF作业: XSS, CSRF用途:传...原创 2019-08-21 20:14:10 · 184 阅读 · 0 评论 -
创建vue项目
1 创建vue项目cnpm / npm install @vue/cli -gvue create myappvue ui找一个下载好的项目,直接使用即可 model.zip2路由 vue-router@vue/cli脚手架在创建项目时,选择了vue-router,所以无需再次安装,但是如果你没有选择,可以使用 cnpm i vue-router -S 安装,本项目中关于路由的文件...原创 2019-08-26 20:52:56 · 214 阅读 · 0 评论 -
vue项目-2
1 评分点击列表页面进入产品的详情页面,需要考虑的是 详情页面有自己的头部,自己的内容以及自己的底部2 设计产品的详情 2.1 改造路由文件 router.js2.2 改造App.vue2.3 router.js中添加一个新的路由 /detail3、浏览器访问 http://localhost:8080/#/detail 可看到详情页面2.4 构建详情页面布局...原创 2019-08-27 21:01:24 · 126 阅读 · 0 评论