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 · 129 阅读 · 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 · 110 阅读 · 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 · 109 阅读 · 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 · 82 阅读 · 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 · 102 阅读 · 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 · 90 阅读 · 0 评论 -
VUE学习 StudyLearning-7-路由
Vue.js 路由需要载入 vue-router 库 是一个组件,该组件用于设置一个导航链接,切换不同 HTML 内容。 to 属性为目标地址, 即要显示的内容。 <!-- 使用 router-link 组件来导航. --> <!-- 通过传入 `to` 属性指定链接. --> <!-- <router-link> 默认会被渲染成...原创 2019-07-15 19:15:22 · 114 阅读 · 0 评论 -
VUE学习 StudyLearning-Count-8
Vue 全局属性 Vue:Vue.http.(get|post|delete...)Vue.filterVue.注册全局组件。使用Vue.component()方法注册全局组件。第一个参数是自定义元素名称,也就是将来在别的组件中使用这个组件的标签名称。第二个参数是将要注册的Vue组件。import Vue from 'vue';// 引入loading组件 impor...原创 2019-07-15 19:16:02 · 145 阅读 · 0 评论