vue
躺平的赶海人
稳重踏实,待人真诚,学习钻研,勇于担当!
展开
-
查看vue版本号
如何查看vue版本号1 错误方式在cmd控制台内,输入npm-v 可查看到npm 的版本号;vue -V 可看到vue的版本号。这是vue脚手架的版本,不是vue版本,被糊弄了2 正确方式npm list vue原创 2021-01-06 10:12:27 · 1124 阅读 · 0 评论 -
vue项目实战(一)之首页layout布局
一、替换显示页面1.在 src/components目录下新建Layout.vue文件:<template> <div> <h2>header</h2> <h2>content</h2> <h2>footer</h2> </div></template>先填充简单的显示内容2.修改main.js文件将m原创 2021-01-05 18:07:10 · 1794 阅读 · 0 评论 -
vuejs模板相关语法
使用 v-html 指令用于输出 html 代码:<template> <div id="app"> <div v-html="message"></div> </div></template><script>export default{ name: 'CaiJunjie', el: '#app', data () { return { message: '&l原创 2020-12-31 15:41:42 · 105 阅读 · 0 评论 -
vue.js创建新页面并使用
vue.js 项目的页面并不像HTML那样创建后就可以直接使用,在vue.js创建页面后,还需要经过 引用和注册才可以使用。本篇主要讲vue.js最基础的创建页面vue.js项目环境搭建和创建vue项目点这里,vue.js创建新页面并使用vue.js基础--创建新页面 一、创建新页面(组件) 二、引用 三、注册路由 vue.js基础–创建新页面一、创建新页面(组件)创建页面(组件)时,在vue项目中的/src/componets目录下创建(后缀为..原创 2020-12-31 15:08:36 · 2150 阅读 · 1 评论 -
VUE 项目路径的文件的作用
node_modules: 用于存放我们项目的各种依赖,比如axios等,没有moudles文件,项目就没法运行,可以使用 npm install进行项目依赖的安装public:用于存放静态文件public/index.html:是一个模板文件,作用是生成项目的入口文件,webpack打包的js,css也会自动注入到该页面中。我们浏览器访问项目的时候就会默认打开生成好的index.htmlsrc:我们存放各种vue文件的地方src/assets:用于存放各种静态文件,如图片等src...原创 2020-12-31 12:03:00 · 630 阅读 · 0 评论 -
从零0开始完整搭建一个VUE项目
一、安装node环境1、下载地址为:https://nodejs.org/en/2、检查是否安装成功:node -v 如果输出版本号,说明我们安装node环境成功。npm包管理器是集成在Node.js中了,所以在安装Node.js的时候就已经自带了npm。输入npm -v可得到npm的版本。由于资源的限制,安装npm依赖包的时候经常失败,建议使用npm的国内镜像cnpm 命令行工具代替默认的npm。国内npm镜像https://npm.taobao.org/3、国内npm镜像:.原创 2020-12-31 11:29:18 · 596 阅读 · 0 评论