Vue.js
Lazy_Life
这个作者很懒,什么都没留下…
展开
-
Vue.js -- 渐进式JavaScript框架(3)
1.Vue.js 中父级与子级组件间的通信:注意:父级操控父级,子级操控子级,随后再进行连接;<body> <div id="module"> <h1>{{str}}</h1> <father></father> </div> &原创 2018-08-20 16:05:47 · 266 阅读 · 0 评论 -
Vue.js -- 渐进式JavaScript框架(2)
1.Vue.js 的计算属性:计算属性(computed):定义的是一些方法,在方法中完成复杂的逻辑运算,相比 methods 属性对应的方法,具有依赖缓存的优势;<body> <div id="module"> <h1>{{str}}</h1> <h4>{{'计算后的处理数据为:' + ...原创 2018-08-20 16:06:07 · 292 阅读 · 0 评论 -
Vue-cli ----- 搭建 Vue 开发环境的脚手架
1.Vue-cli:Vue-cli 是专门搭建 vue 开发环境的脚手架,它是基于 webpack 的;2.安装 Vue-cli:(1)安装:npm install vue-cli -g(2)检测是否安装,查看版本:vue -V3.生成项目模板:(1)在一个空文件夹中生成项目模板:vue init webpack-simple 自己的项目名称(完成之后会生成含...原创 2018-08-20 16:06:47 · 274 阅读 · 0 评论 -
Vue.js -- 渐进式JavaScript框架(1)
1.Vue.js 是什么:Vue 是一套用于构建用户界面的渐进式框架(由易到难),也能够完成复杂的单页面应用;2.Vue.js 的安装使用:(1)使用 bower 下载安装 vue;(2)进行导入(路径在 vue 中的 dist 文件夹中)3.Vue.js 的指令(部分):<body> <div id="view"> ...原创 2018-08-20 16:07:18 · 1065 阅读 · 0 评论 -
Vue.js -- 渐进式JavaScript框架(4)
1.Vue.js 中父级和子级间通信(练习):<body> <div id="app"> <father></father> </div> <script> //创建父组件 Vue.component('father',{原创 2018-08-20 16:07:33 · 269 阅读 · 0 评论