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