PHP-课题申报系统开发(Vue+TP)

完整文章地址

Vue

1.项目启动

安装依赖包

Vue的依赖文件是package.json，其分为两部分

• 全部安装（一般用这个）

  npm install
  

• 只安装dependencies里的内容（生产环境依赖）

  npm install --dependencies
  

• 只安装devDependencies（开发环境依赖）

  npm install --devDependencies
  

删除全部依赖

npm uninstall

生成依赖文件package.json

npm init

启动项目

启动项目的命令需要看package.json文件

所以要用npm run dev启动项目

2.登录页面解析

ref访问子组件实例与元素

vue的ref有类似于html的id的功能，可以用来给js访问子组件实例或元素

html

<base-input ref="usernameInput"></base-input>

Vue

this.$refs.usernameInput 

这样即可访问到输入框的内容

组件的属性和方法

html

 <Form ref="loginForm" :model="form" :rules="rules">
<FormItem prop="user_name">
    <Input v-model="form.user_name" placeholder="请输入用户名">
        <span slot="prepend">
            <Icon :size="16" type="person">