VUE
思-路
这个作者很懒,什么都没留下…
展开
-
Vue 学习 StudyLearning-1-基础
基本模板用法 HTML : <div id='vue'> 1:--------- <a >{{message}} 对应js vue data中的数据</a> 2:---------- <a v-html="mesage"> 这种形式会覆盖原有 html 中的内容</a> 3:----------- <a v-bing="{{'属性'...原创 2019-07-15 19:09:47 · 124 阅读 · 0 评论 -
VUE 学习 StudyLearning-2-条件控制、循环语句
条件控制 <div id="app"> 1: v-if 使用 <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <p>万类霜天竞自由</p> </template> 2: v-if/v-else 使用 <div v...原创 2019-07-15 19:10:38 · 102 阅读 · 0 评论 -
VUE 学习 StudyLearning-3-计算属性
属性计算 HTML: <div id="app"> <p>原始字符串: {{ message }}</p> <p>计算后反转字符串: {{ reversedMessage }}</p> </div> JS: var vue = new Vue({ el: '#app', data: { message...原创 2019-07-15 19:11:28 · 104 阅读 · 0 评论 -
VUE 学习 StudyLearning-4-事件监听
事件监听 HTML: <div id="app"> <p style = "font-size:25px;">计数器: {{ counter }}</p> <button @click = "counter++" style = "font-size:25px;">点我</button> </div> JS: var v...原创 2019-07-15 19:12:22 · 77 阅读 · 0 评论 -
VUE 学习 StudyLearning-5-事件处理
事件监听 HTML: <div id="app"> <button v-on:click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ counter }} 次。</p> <button v-on:click="say('hi')">Say hi</button...原创 2019-07-15 19:14:02 · 97 阅读 · 0 评论 -
VUE 学习 StudyLearning-6-组件
注册一个全局组件语法格式如下: Vue.compone(target,option); 例如: <div id="app"> <runoob></runoob> <child v-bind:message="parentMsg"></child> </div> <script> // 注册...原创 2019-07-15 19:14:44 · 80 阅读 · 0 评论 -
VUE学习 StudyLearning-7-路由
Vue.js 路由需要载入 vue-router 库 是一个组件,该组件用于设置一个导航链接,切换不同 HTML 内容。 to 属性为目标地址, 即要显示的内容。 <!-- 使用 router-link 组件来导航. --> <!-- 通过传入 `to` 属性指定链接. --> <!-- <router-link> 默认会被渲染成...原创 2019-07-15 19:15:22 · 110 阅读 · 0 评论 -
VUE学习 StudyLearning-Count-8
Vue 全局属性 Vue: Vue.http.(get|post|delete...) Vue.filter Vue. 注册全局组件。 使用Vue.component()方法注册全局组件。 第一个参数是自定义元素名称,也就是将来在别的组件中使用这个组件的标签名称。 第二个参数是将要注册的Vue组件。 import Vue from 'vue'; // 引入loading组件 impor...原创 2019-07-15 19:16:02 · 141 阅读 · 0 评论