drl_blogs的博客

hash模式：在浏览器中符号“#”，#以及#后面的字符称之为hash，用window.location.hash读取； 特点：hash虽然在URL中，但不被包括在HTTP请求中；用来指导浏览器动作，对服务端安全无用，hash不会重加载页面。 hash 模式下，仅 hash 符号之前的内容会被包含在请求中，如 http://www.xxx.com，因此对于后端来说，即使没有做到对路由的全覆盖，也不会...

定义一个组件 <div id="app"> <ol> <!-- 创建一个 todo-item 组件的实例 --> <todo-item></todo-item> <todo-item></todo-item> </ol> </div> <s...

对于所有的数据绑定，Vue.js 都提供了完全的 JavaScript 表达式支持 {{ number + 1 }} {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('') }} <div v-bind:id="'list-' + id"></div> ...

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...

基本例子 <div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p> </div> <script src="https://...

push()：往数组最后面添加一个元素，成功返回当前数组的长度 pop()：删除数组的最后一个元素，成功返回删除元素的值 shift() ：删除数组的第一个元素，成功返回删除元素的值 unshift()：往数组最前面添加一个元素，成功返回当前数组的长度 splice()：有三个参数，第一个是想要删除的元素的下标（必选），第二个是想要删除的个数（必选），第三个是删除后想要在原位置替换的值（可选） ...

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&...

v-on和v-bind 简写 v-bind 缩写 <!-- 完整语法 --> <a v-bind:href="url">...</a> <!-- 缩写 --> <a :href="url">...</a> v-on缩写 <!-- 完整语法 --> <a v-on:click="doSomethin...