1》删除空格影响的:删除掉框中的代码

VUE注意事项(建项目)

2>不需要新建,直接打开APP.vue,在此文件上进行修改,(注意:index.html最好不要进行修改)

3》修改APP.vue为自己需要的页面,同时引入组件<template>


import firstComponent from './components/first-component.vue'  //引入组件

export default {
  name: 'app',
  data(){
    return{
      msg:"Hello Word!"
    }
  },
  components:{firstComponent}     //注册组件
}
</script>

至此,第一个有关组件的VUE项目完成

小贴士:可以使用命令行批处理的方法来运行程序

  添加批处理方法:①在项目的最外层文件夹下添加一个.bat文件,文件的名字是什么,就可以在集成终端中输入什么来启动程序(比如:文件为a.bat,那么在终端中输入的启动程序的命令就是   a   )  ②bat文件内的内容为npm run dev

相关文章:

  • 2022-02-19
  • 2022-12-23
  • 2022-12-23
  • 2018-07-27
  • 2021-10-11
  • 2021-11-02
  • 2022-12-23
  • 2021-07-22
猜你喜欢
  • 2022-12-23
  • 2021-07-24
  • 2022-12-23
  • 2021-07-27
  • 2021-05-23
  • 2021-08-20
  • 2021-05-23
相关资源
相似解决方案