关注
分享
银色种子
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 · 128 阅读 · 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 · 431 阅读 · 0 评论 -
02、Vue3.x初步【四个秘密】
vue 的入门四个秘密哈哈哈，有什么秘密，就是不知道起个什么名字，贫嘴一下。不过，真的是非常重要的入门例子。so, 我们书接上文，开始。学会这四个， 你就算，开始学习 vue了， 可以做一些超级简单的例子了1/4 数据绑定 -> {{}}官网叫 声明式渲染， 太复杂， 我就叫它简单的数据绑定。 非常好写。{{}} ， 双花括号中写变量名在 挂载点上写数据 ，用什么？ data() { } 。写什么 ？ return { } 。总结： 在data()方法中return原创 2021-04-19 15:22:25 · 104 阅读 · 0 评论 -
03、Vue3.x初步【条件，循环？】
条件语句把一段非常简单的if ,写的如此繁琐， 我就想问还有谁？细细品， 你细品，过度效果都来了一波， 发现了么？老规矩，v-if 指令绑定到datadata 上面控制 bool, true/falsev-on: 事件监听，触发，语句，更改以用show控制的p标签的显示、隐藏彩蛋， transition , 过渡效果 hhhc<!DOCTYPE html><html><head> <title&g原创 2021-04-19 16:28:43 · 84 阅读 · 0 评论 -
04、Vue3.x初步【组件化入门】
Vue组件化组件： ???? 的组件是发动机， 轮胎， 外观框架。组件化开发，也是这样。 所有的应用界面，都可被抽象成为组件树。全组件构成。Vue 组件本质是一个具有预定义选项的实例。注册组件非常简单但需注意注册的位置注册的步骤：定义要处理的数据 const WorkTiles = {}通过定义好的挂载点数据， 创建 app (创建 Vue 应用), const app = Vue.createApp( WorkTiles )将挂载点挂载到 容器上 （#contian原创 2021-04-19 18:23:38 · 121 阅读 · 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 · 426 阅读 · 3 评论