![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js入门实战
文章平均质量分 66
一边学习vue,一边开始自己的新项目
caesarding
学习快乐
展开
-
Vue的基础教学
Vue基础Vue基础前言准备安装1.安装Node.js2.更新npm包管理器3.安装Vue.js参考前言Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。渐进式,个人理解是循序渐进,是可以一层一层地,一步一步地去做一件事。Vue框架的各功能之间是高度接耦(分离)的,所以你需要什么功能,就可以只原创 2022-04-21 22:31:08 · 797 阅读 · 0 评论 -
vuecli4.0+ 项目引入 typescript
写在前面一开始构建项目的时候,我没想使用typescript 毕竟咱也不会,vue也刚学每多久。但是随着项目的慢慢推进,到了后期整理代码的时候,我发现其实typescript还是很有必要的,不然把自己现在的代码交上去,看着就像是一堆垃圾。而且动不动会出现奇怪的bug。再接着就是在定义接口文档的时候,id什么的,有的地方是int,有的地方是string,搞得人头大。所以没办法,就学习一项新技能吧。所以我就去网上查阅各种资料,劈里啪啦一顿操作,一堆bug。尤其是 类似这样的文章是真的多,我想你们每个人写的都原创 2021-04-22 16:31:46 · 487 阅读 · 0 评论 -
5. Vue 组件怎么用
文章目录组件与复用组件用法使用props传递数据基本用法单向数据流数据验证组件通信自定义事件使用v-model非父子组件通信使用slot分发内容什么是slot编译的作用域slot用法作用域插槽访问slot组件的高级用法其他组件与复用自定义标签组件用法组件和实例相似,都需要注册才可以使用注册有全局注册和局部注册两种方式(在js文件里面创建)全局注册Vue.component('my-component'),{//...})my-component 就是注册的组件自定义标签的名称,原创 2021-01-16 16:42:19 · 103 阅读 · 0 评论 -
4. Vue.js 内置指令总结 Vue自定义指令
文章目录基本指令1.v-cloak2.v-once条件渲染指令1.v-if,v-else-if,v-else2.v-show列表渲染指令v-for方法和事件v-on表单与v-model基本用法绑定值修饰符基本指令1.v-cloak在vue实例结束编译时从绑定的HTML上移除2.v-once定义它的元素或组件只渲染一次条件渲染指令1.v-if,v-else-if,v-else2.v-show改变元素的css属性的displayv-if 是真条件,v-show是假条件列表渲染指令v-原创 2021-01-16 16:20:09 · 426 阅读 · 0 评论 -
3. 开始 创建Vue 实例
文章目录准备实验1.创建Vue实例 构造函数Vue的用法 数据绑定2.指令和事件3.计算属性和侦听器v-bind 及class与style绑定绑定class的几种方式绑定内联样式准备实验1.创建Vue实例 构造函数Vue的用法 数据绑定创建实例var app = new Vue({ //指定页面挂载实例 el:'#app', //数据绑定 data:{ }, /* 生命周期用法 */ //实例创建完成后调用,此阶段完成了数据的观测等,但尚未挂在,$el还不可用,需要初始化处理一些原创 2021-01-16 15:58:08 · 114 阅读 · 0 评论 -
2.深入了解vue的工程 VUE目录结构
文章目录前言目录结构vue中src文件夹通用目录前言目录结构build文件夹项目构建webpack的相关代码config文件夹配置目录 包括端口号 默认8080node_modules文件夹npm加载的项目依赖模块src文件夹开发目录static文件夹静态资源目录,图片、字体等test文件夹初始测试目录.babelrc.editorconfig.eslintigore.eslintrc.js.gitignore.postcssrc.jsindex.html首页入原创 2021-01-14 11:45:42 · 112 阅读 · 0 评论 -
1.环境配置 vue的安装 vue项目初始化
文章目录前言Vue.js的安装配置环境浏览器安装浏览器插件vscode下载安装和创建工作区安装插件(持续更新)搭建工程1.前期工作2.CLI创建新项目前言VUE官网菜鸟教程NPM菜鸟教程Vue.js的安装独立版本官网下载后导入cdnscript引入3.npm下载使用npm要先学会基本的node.js升级使用cnpm# 安装vuecnpm install vue配置环境浏览器安装浏览器插件Vue Devtools在使用 Vue 时,我们推荐在你的浏览器上安原创 2021-01-16 15:01:35 · 172 阅读 · 0 评论 -
VUE.JS实战入门|基础知识
学习资源《Vue.js实战》作者 尤雨溪https://github.com/zyf711/vue-combat-book原创 2021-01-14 10:37:34 · 124 阅读 · 0 评论