摘要：
1.vue使用该VueRouter创建 2.实例化vue对象 3.给路由命名和使用方式 4.页面 返回结果： 和原理返回结果是一样的，只是路由方式不同
阅读全文
posted @ 2019-07-01 11:46
sunny-cheng
阅读(503)
推荐(0)
编辑
摘要：
作用： 用 Vue.js + Vue Router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序， 当你要把 Vue Router 添加进来，我们需要做的是，将组件 (components) 映射到路由 (routes)， 然后告诉 Vue Router
阅读全文
posted @ 2019-07-01 11:32
sunny-cheng
阅读(142)
推荐(0)
编辑
摘要：
基本用法： 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。 尽管有些神奇，但 v-model 本质上不过是语法糖，它负责监听用户的输入事件以更新数据，并特别处理一些极端的例子。 栗子： msg初始值为‘alex’ 将input标签绑定v
阅读全文
posted @ 2019-07-01 10:59
sunny-cheng
阅读(172)
推荐(0)
编辑
摘要：
先看个例子： 上面例子中，computed { 定义一个函数 alexDesc } 当点击按钮将字符串切换， 那么 ，这个方法完全可以通一个函数来定义的，为什么弄出来个computed呢？ 不经过计算属性，我们可以在 method 中定义一个相同的函数来替代它。 对于最终的结果，两种方式确实是相同的
阅读全文
posted @ 2019-06-25 12:36
sunny-cheng
阅读(208)
推荐(0)
编辑
摘要：
Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。 过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。 过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示： 全局过滤器： Vue.filter('过滤器名称',fu
阅读全文
posted @ 2019-06-25 11:51
sunny-cheng
阅读(221)
推荐(0)
编辑
摘要：
还记得之前那首打油诗吗？ 先声子，再挂子，再用子， 这种创建组件的方式作用域是局部作用域，那么下面我们学习一下怎么创建公共作用域的组件 创建公共作用域的组件： 栗子： 创建公共组件 创建入口组件APP1, 创建子组件Vheader ，使用公共组件 声明子组件 ，使用公共组件 返回 也就是说公共组件，
阅读全文
posted @ 2019-06-25 11:13
sunny-cheng
阅读(499)
推荐(0)
编辑
摘要：
组件实例的作用域是孤立的。这意味着不能并且不应该在子组件的模板内直接引用父组件的数据。 可以使用 props 把数据传给子组件。 for-child-msg="aaa" ， for-child-msg可以当变量名，''aaa''是要传递给子组件的数据 子组件props：[for-child-msg]
阅读全文
posted @ 2019-06-25 10:06
sunny-cheng
阅读(286)
推荐(0)
编辑
摘要：
组件的概念： 组件系统是 Vue.js 另一个重要概念，因为它提供了一种抽象，让我们可以用独立可复用的小组件来构建大型应用。 如果我们考虑到这点，几乎任意类型的应用的界面都可以抽象为一个组件树： 在 Vue 里，一个组件实质上是一个拥有预定义选项的一个 Vue 实例： 但是 ，这样将我们渲染所有文本
阅读全文
posted @ 2019-06-24 23:50
sunny-cheng
阅读(136)
推荐(0)
编辑
摘要：
1.v-on --事件绑定 绑定一个点击事件showHanlder() 初始赋值 methods声明事件，点击改变文字 2.v-model --v-model 指令用来在 input、select、textarea、checkbox、radio 等表单控件元素上创建双向数据绑定， 根据表单上的值，自
阅读全文
posted @ 2019-06-24 23:30
sunny-cheng
阅读(211)
推荐(0)
编辑
摘要：
1.传值 {{ }}（双大括号）的文本插值 返回 hello指令系统 模板语法 ··（反引号） 返回 hello 说明 当两种方式同时存在时，template 优先级高于 {{ }} 2.v-text，v-html 返回值 查看控制台 v-text 等价于 {{}} 实现原理:innerText v
阅读全文
posted @ 2019-06-24 22:08
sunny-cheng
阅读(188)
推荐(0)
编辑
