vue 学习 day4

VUE 相关的指令：

 

v-html 插入原始的 html 

const raw_html = "<h1>Hello world</h1>

<p v-html="raw_html"></p> <!-- 标签不能再有孩子节点， 有的话会报错 -->

 

v-bind 缩写是 ":"

绑定属性值

demo

const attri_01="id01";

<div v-bind:id="attri_01"></div>

 

出入前端不理解什么是脚手架

现在的理解是：  因为前端现在感觉是百家争鸣（十分混乱， 没有章法的感觉， 怎么样都行）：

1. 脚手架提供了一个模板， 用来开启项目。
2. 项目关联的文件特别多， 想要编译需要一个工具
3. vue 需要解析编译
4. 管理依赖

创建 vue 项目的两种方式

1. npm init vue@latest

2. npm init vite@latest

选择第二种方式： 理由是稍微快一点并且结构简单， 文件数量少。