Vue
drl_blogs
这个作者很懒,什么都没留下…
展开
-
Vue的路由实现:hash模式 和 history模式
hash模式:在浏览器中符号“#”,#以及#后面的字符称之为hash,用window.location.hash读取;特点:hash虽然在URL中,但不被包括在HTTP请求中;用来指导浏览器动作,对服务端安全无用,hash不会重加载页面。hash 模式下,仅 hash 符号之前的内容会被包含在请求中,如 http://www.xxx.com,因此对于后端来说,即使没有做到对路由的全覆盖,也不会...原创 2019-10-18 20:11:45 · 359 阅读 · 0 评论 -
Vue:组件
定义一个组件 <div id="app"> <ol> <!-- 创建一个 todo-item 组件的实例 --> <todo-item></todo-item> <todo-item></todo-item> </ol> </div> <s...原创 2019-04-26 09:24:26 · 201 阅读 · 0 评论 -
Vue:使用JavaScript 表达式
对于所有的数据绑定,Vue.js 都提供了完全的 JavaScript 表达式支持{{ number + 1 }}{{ ok ? 'YES' : 'NO' }}{{ message.split('').reverse().join('') }}<div v-bind:id="'list-' + id"></div>...原创 2019-04-26 09:22:09 · 534 阅读 · 0 评论 -
Vue:指令
v-bind示例<div id="app-2"> <span v-bind:title="message"> 鼠标悬停几秒钟查看此处动态绑定的提示信息! </span></div><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scrip...原创 2019-04-26 09:01:52 · 208 阅读 · 0 评论 -
Vue:计算属性
基本例子<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p> </div> <script src="https://...原创 2019-04-26 08:51:02 · 185 阅读 · 0 评论 -
Vue:数组的变异方法
push():往数组最后面添加一个元素,成功返回当前数组的长度pop():删除数组的最后一个元素,成功返回删除元素的值shift() :删除数组的第一个元素,成功返回删除元素的值unshift():往数组最前面添加一个元素,成功返回当前数组的长度splice():有三个参数,第一个是想要删除的元素的下标(必选),第二个是想要删除的个数(必选),第三个是删除后想要在原位置替换的值(可选)...原创 2019-04-26 08:45:20 · 1870 阅读 · 0 评论 -
Vue:v-if 和v-show的区别
v-if 和v-show的区别:v-if 当值改变直接删除/添加v-show当值改变直接使用displsy切换显示隐藏示例如下<div id="app"> <p v-if="show">This is v-if</p> <p v-show="show">This is v-show</p> </div&...原创 2019-04-26 08:41:51 · 178 阅读 · 0 评论 -
Vue:v-bind/v-on的缩写
v-on和v-bind 简写v-bind 缩写<!-- 完整语法 --><a v-bind:href="url">...</a><!-- 缩写 --><a :href="url">...</a>v-on缩写<!-- 完整语法 --><a v-on:click="doSomethin...原创 2019-04-26 08:31:44 · 464 阅读 · 0 评论