
vue.js
棋炜的小宝贝
兴趣广泛的程序雯
展开
-
vue3.x 新特性
vue3.x 新特性1.Vue3.0六大亮点Performance:性能比Vue 2.x快1.2~2倍Tree shaking support:按需编译,体积比Vue2.x更小Composition API: 组合API(类似React Hooks)Better TypeScript support:更好的 Ts 支持Custom Renderer API:暴露了自定义渲染APIFragment, Teleport(Protal), Suspense:更先进的组件2.Vue3.0是如何变原创 2020-11-19 19:46:39 · 216 阅读 · 0 评论 -
父子组件间以及兄弟间的通信
如何进行父子组件间以及兄弟间的通信呢?父子通信:通过props向子组件传递数据子父通信:通过事件向父组件发送消息在组件中,使用选项props来声明需要从父级接收到的数据。props的值有两种方式:方式一:字符串数组,数组中的字符串就是传递时的名称。方式二:对象,对象可以设置传递时的类型,也可以设置默认值等。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2020-11-06 16:04:12 · 400 阅读 · 0 评论 -
component组件
什么是组件?组件(Component)是Vue js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用is 特性进行了扩展的原生HTML元素。所有的Vue组件 同时也都是Vue的实例,所以可接受相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期钩子。vue组件分为:局部组件:只能在el定义的范围内使用,全局组件:可以在随意地方使用父子组件:之间的传值问题。父子(属性通信)原创 2020-11-06 15:22:35 · 1456 阅读 · 0 评论 -
vue-cli 2 低版本的问题
vue-cli 2 低版本的问题当Vue-cli >= 3和旧版本使用相同的vue命令时,低版本的Vue-cli 2会被覆盖。如果仍然需要使用旧版本的 vue init功能,可以全局安装一个桥接工具。npm install -g @vue/cli-initvue init webpack my-project...原创 2020-11-04 20:49:51 · 230 阅读 · 0 评论 -
Vue-cli的安装及使用
Vue-cli的安装方法一:npm install -g @vue/cliyarn global add @vue/cli检测版本:vue --versionvue-cli的基本使用vue create app_name(命令行)vue ui(图形化界面)vue --help 检测vue提供哪些命令1.vue create app_name(命令行)目录中出现中文或者空格目录中出现部分的特殊字符或者全部大写问题一的解决方案安装yarn:npm install -g yarn检测默认安装的目录:npm config listbuiltin config undefined 代表 npm 安装的全局包所处的目录,需要将该目录加入原创 2020-11-04 12:00:28 · 1028 阅读 · 0 评论 -
watch和computed及其的区别
watch和computed及其的区别computed(计算属性)computed:计算属性,依赖其他的属性值,计算属性是取返回值作为最新结果,所以里面不能异步的返回结果。不能写异步逻辑。Watch(监听属性)Watch:更多的是一种观察的作用,用于监听某些数据的回调。每当所监听的数据发生变化时才能执行回调处理后续操作。watch :里面监视某个模型变量的变化,接受的值,是一个函数参数1:代表是变化后最新的值参数2:代表是变化之前的旧值总结:1.computed中的函数必须要调用retur原创 2020-10-30 10:49:06 · 295 阅读 · 0 评论