![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Ammy米
这个作者很懒,什么都没留下…
展开
-
vue初学未知
1.Object.freeze()防止修改现有的属性,。 var obj = { foo: 'bar'}Object.freeze(obj)new Vue({ el: '#app', data () { return { obj } }}) <div id="app"> <p>...原创 2019-11-13 11:13:29 · 77 阅读 · 0 评论 -
vue动态绑定class
1.v-bind:class 一个对象,以动态地切换 class: <div class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }"> </div> 结果为:<div class="static active"></div>2.样式动态绑定对象<div v-bind原创 2018-01-01 16:36:44 · 9107 阅读 · 0 评论 -
v-if,v-show条件渲染
1.v-if 条件渲染分组 <template> 元素当做不可见的包裹元素,可以包裹多个元素,显示时将不包含 <template> 元素。<template v-if="ok"> <h1>Title</h1> <p>Paragraph 1</p> <p>Paragraph 2</p></template>原创 2018-01-01 16:52:40 · 311 阅读 · 0 评论 -
v-for列表渲染
1.数组渲染 (item, index) in Array 两个参数,<ul id="example-2"> <li v-for="(item, index) in items"> {{ index }} - {{ item.message }} </li></ul>var example2 = new Vue({ el: '#example-2', data: {原创 2018-01-01 17:15:46 · 539 阅读 · 0 评论 -
数组、对象更新检测
一.数组更新检测1.变异方法(更改原数组),同JavaScript数组方法一致。 如: - push() - pop() - shift() - unshift() - splice() - sort() - reverse()2.非变异方法(不更改原数组),替换数组 如: -filter原创 2018-01-01 22:46:20 · 437 阅读 · 0 评论 -
修饰符
一、事件处理方法1.不传参(自动会有event事件参数。)div id="example-2"> -- `greet` 是在下面定义的方法名 --> on:click="greet">Greetbutton>div>var example2 = new Vue({ el: '#example-2', data: { name: 'Vue.js' },原创 2018-01-06 14:44:42 · 214 阅读 · 0 评论 -
当前vue路由组件重新加载
利用v-if控制router-view,在根组件APP.vue中实现一个刷新方法<template><router-view v-if="isRouterAlive"/></template><script>export default { data () { return { isRouterAlive: tr...原创 2018-02-27 10:14:09 · 21350 阅读 · 1 评论 -
vue之require.context
require.context(dir, useChild, regExp) 参数说明: 1. 你要引入文件的目录 2. 是否要查找该目录下的子级目录 3. 匹配要引入的文件返回:1. context.require 返回一个require 函数:function webpackContext(req) { return __webpack_require__(webpa...原创 2019-07-08 11:24:23 · 349 阅读 · 0 评论