Vue
YiShiChangAnLuan
并没有什么好写的啊
展开
-
Vue - 组件通信
单层组件通信Prop组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中。子组件要显式地用 props 选项声明它预期的数据Vue.component('child', { // 声明 props props: ['message'], // 就像 data 一样,prop...原创 2018-04-22 11:28:23 · 143 阅读 · 0 评论 -
Vue - 开始
因为是初学,现在我就怎么简单怎么来 1. 安装node.js之后 2. 打开cmd 3. 进入需要创建路径 4. 下载Vue 5. 将vue.js和vue.min.js拖进工程里引用就行了npm install vue 在代码中这样子引用<div id="app"></div><script src="vue.js">...原创 2018-04-19 14:44:15 · 141 阅读 · 0 评论 -
Vue - 信息录入界面小练习
要实现图中的功能:其中的数据是在代码中给出的删除添加功能都可以使用为填入信息会弹出提示框 body中的代码&lt;body&gt; &lt;div id="app"&gt; &lt;!--第一部分--&gt; &lt;fieldset&gt; &lt;legen原创 2018-04-19 14:54:20 · 3222 阅读 · 0 评论 -
Vue - 计算属性
翻转字符串<div id="app"> <p>初始值:{{msg}}</p> <p>反转值:{{msg.split('').reverse().join('')}}</p></div><script src="vue.js"></script原创 2018-04-19 15:31:04 · 384 阅读 · 0 评论 -
Vue - 过滤器
过滤器:用于一些常见的文本格式化 可用过滤器的地方:双花括号插值和 v-bind 表达式<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:id="rawId | formatId"></div>在组件选项中局部定义过滤器fi...原创 2018-04-23 19:47:07 · 176 阅读 · 0 评论 -
Vue - 全局组件及父子组件
组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。所有的 Vue 组件同时也都是 Vue 的实例,所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子。...原创 2018-04-19 15:47:52 · 558 阅读 · 0 评论 -
Vue - 局部组件
可以通过某个 Vue 实例/组件的实例选项 components 注册仅在其作用域中可用的组件:var Child = { template: '<div>A custom component!</div>'}new Vue({ // ... components: { // <my-component> 将只在父组件模板中可用...原创 2018-04-19 15:58:13 · 210 阅读 · 0 评论 -
Vue - template和script
template和script也可以自定义创建组件<div id="app"> <my-div></my-div></div><template id="my-div"> <!--只能有一个出口,所以用div包起来--> <div> &l原创 2018-04-19 16:29:51 · 3048 阅读 · 0 评论