![](https://img-blog.csdnimg.cn/20210419133320572.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vuejs 从 入门到应用
文章平均质量分 78
从基础入手,扎实每一个点。 然后,轻松构建自己的项目。 slower is faster
银色种子
php全栈程序员, nodejs 高级开发工程师。架构师。|| 2021,4月年积累5年开发经验,强势回归。使用最直观方式,阐述本质。
展开
-
06、Vue3.x开始【模板语法 {{♥}} 】
vuejs 模板语法???? mustache 语法, 胡子语法hhhc , 模板上太常用了, 还记得laravel 5.1, 时候还要和vue混合嵌套发生冲突 , 都用的 胡子语法 {{}} 现在好了… 都挺好 什么是模板? 已经给好了格式,直接替换标签数据的模型。 vue的模板语法是什么?渲染绑定在vue实例上的数据的方法 如何渲染的? 通过虚拟dom, 自动计算好了如何渲染组件,就如何渲染。 1. 插值, {{}} 普通的响应式文本插入 : <span>{{msg}}&l原创 2021-04-20 15:14:22 · 129 阅读 · 0 评论 -
01、Vue3.x初步【搭建页面】
Vue3.x 介绍: vue是什么的问题,请自行查看官网。 本系列重点, vuejs的使用。 文档: 使用 vue3.x 英文文档为参考(哈哈哈, 因为官网没有中文文档) 目的:为了应用的时候游刃有余,所以要非常清楚vue的用法。 安装vue 推荐 vite 的方式 [Vite 是一个 web 开发构建工具] 第一个原因: 直接装好了vue 第二个原因: 直接起server, 类似 webpack 热重载, 非常方便 安装 vite $ npm init vite-app <proj原创 2021-04-19 14:09:39 · 436 阅读 · 0 评论 -
02、Vue3.x初步【四个秘密】
vue 的入门四个秘密 哈哈哈,有什么秘密,就是不知道起个什么名字,贫嘴一下。不过,真的是非常重要的入门例子。so, 我们书接上文,开始。 学会这四个, 你就算,开始学习 vue了, 可以做一些超级简单的例子了 1/4 数据绑定 -> {{}} 官网叫 声明式渲染, 太复杂, 我就叫它简单的数据绑定。 非常好写。 {{}} , 双花括号中写变量名 在 挂载点上写数据 , 用什么? data() { } 。 写什么 ? return { } 。 总结: 在data()方法中return原创 2021-04-19 15:22:25 · 105 阅读 · 0 评论 -
03、Vue3.x初步【条件,循环?】
条件语句 把一段非常简单的if ,写的如此繁琐, 我就想问还有谁? 细细品, 你细品,过度效果都来了一波, 发现了么? 老规矩, v-if 指令绑定到data data 上面控制 bool, true/false v-on: 事件监听,触发,语句,更改以用show控制的p标签的显示、隐藏 彩蛋, transition , 过渡效果 hhhc <!DOCTYPE html> <html> <head> <title&g原创 2021-04-19 16:28:43 · 86 阅读 · 0 评论 -
04、Vue3.x初步【组件化入门】
Vue组件化 组件: ???? 的组件是发动机, 轮胎, 外观框架。 组件化开发,也是这样。 所有的应用界面,都可被抽象成为组件树。全组件构成。 Vue 组件本质是一个具有预定义选项的实例。 注册组件非常简单 但需注意注册的位置 注册的步骤: 定义要处理的数据 const WorkTiles = {} 通过定义好的挂载点数据, 创建 app (创建 Vue 应用), const app = Vue.createApp( WorkTiles ) 将挂载点挂载到 容器上 (#contian原创 2021-04-19 18:23:38 · 122 阅读 · 0 评论 -
05、Vue3.x初步【应用 & 组件实例 & 生命周期钩子图】
应用 & 组件实例 主要是总结一下,之前的那些demo, 回顾并加点术语 东西还是那东西, 用法还是那用法, 逼格提升篇 1. 创建一个应用实例 创建一个应用实例, Vue.createApp(), 允许链式 <body> <div id="container"> </div> </body> <script type="text/javascript"> const cfg = { data(){ return原创 2021-04-19 20:53:53 · 427 阅读 · 3 评论