vue笔记

安装 node   14  16   node -v
再装脚手架  npm i  @vue/cli  -g    vue -V
进小黑板   cmd       运行  vue  ui   打开浏览器界面  
创建项目  选择  vue2版本 直接生成项目
找到项目的位置  包括 src   node_modules  地址栏  cmd
npm run serve   浏览器打开项目  模板自带的页面内容

修改和使用vuecli  创建好的模板 文件
1 首先在components里面新建组件  
2 在主要的组件  app里面使用新创的组件
  导入 注册 使用组件
  import Top from './components/Top.vue'
注册 components: {
HelloWorld,Top
}
在div排版里使用新标签<Top></Top>
3 编辑Top 
4 横排  上级元素写display:flex   再给子元素写宽

父传子顺序

状态管理传值方向

前端项目流程

打开小黑板  vue  ui  回车  出现了可视化的创建项目的界面
创建项目  手动的 选择路由 scss 。。。。、
项目创建完成
安装插件   点击 安装插件   写上插件名   搜索  第一个
安装第一个   安装完成后，自动帮我们写一些源码。
项目开发完成后 打包
npm run build
 自动生成一个dist  文件 
里面有个index.html，修改路径，才方便查看
=“/   改成加点  =“./   
使用服务器模式打开就可以看到内容 。