vue
关注
分享
扫一扫
文章平均质量分 70
远方有只兔子~
这个作者很懒，什么都没留下…
展开
-
vue组件父子间传值
一、prop（官方）通过Prop向子组件传递数据： 我们可以在组件上注册一些自定义的属性, 值传给这个属性的时候，该属性就变成该组件实例的一个property,我们在组件实例中用props选项将这些属性包含在其中，然后我们就能在组件实例中访问这个值，就像访问data中的值一样。一个组件默认可以拥有任意数量的 prop，任何值都可以传递给任何 prop。Vue.component('blog-post', { props: ['title'], template: '<h3>{{ ti原创 2021-03-12 18:50:50 · 248 阅读 · 0 评论 -
vue脚手架（vue-cli）搭建
打开要建项目的目录，打开终端，安装：npm install -g @vue/cli## 安装成功后，检查vue --versionvue -V# Vue和VueCLI是两回事vue create 项目名称预设选项：选择预设功能（根据自身项目需要选择）按空格选择Babel=>转换工具，将ES6转换成ES5的转换工具，有些浏览器不支持ES6语法router=>路由管理器；VueX=>一个仓库，存储状态信息CSS pre-processor =>css预处原创 2021-03-12 16:14:09 · 395 阅读 · 1 评论 -
vue数组双向绑定问题（数组更新检测、对象添加移除属性）
例子：三个列表数字首次渲染依次为100,200,300，点击对应的后面的按钮，要实现数字乘十，此时使用 this.arr[index]=this.arr[index]*10;进行更改的方式不起作用，改变了data中的arr数组，但是未能正确渲染到页面中。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=原创 2021-03-10 13:08:44 · 7655 阅读 · 2 评论 -
vue的computed计算属性（getter、setter）、计算属性的缓存
vue计算属性：对于任何复杂逻辑,都选择使用计算属性<body> <div id="app"> <!--计算属性引用时不用加（），把其当作一个属性--> <h2>{{totalPrice}}</h2> </div> <script src="../js/vue.js"></script> <script> var vm=new Vue({ el:'#a原创 2021-03-10 09:17:45 · 721 阅读 · 2 评论 -
vscode添加vue模板
打开vscode,依次点击文件—》首选项—》用户片段：给代码块取名，点击enter:在文件中写入：prefix 是在页面输入的关键字{ "creat a vue template": { "prefix": "vue2", "body": [ "<!DOCTYPE html>", "<html lang=\"en\">", "<head>", "\t<meta charset=\"UTF-8原创 2021-03-09 18:13:09 · 347 阅读 · 2 评论