常連

### 実現したいこと

以下のようなinputフォームのvalue属性の内容を、vueのデータにすることはできないでしょうか。（初期値だけなので、連動はしなくてもよいです）

<input type="text" id="name" v-model="name" **value="ここの初期値をdataのnameにしたい"**/>

### 詳細
現在、vuejsにてあるコンポーネントを作成しています。

アイテムリストページがあり、アイテム名をクリックすると
編集ページに飛ぶというもので、その編集ページについてです。

編集ページにはアイテムの情報入力用のinput要素があり
そのinput要素の初期値(value属性)はアイテムリストページにて
クリックされたアイテムの情報が入力されているようにしたいです。
（アイテムリストと編集ページは親子関係にはありません）

そのままですが、当該の部分のコードです。
```vue
//template
<input 
  type="text"
  id="name"
  v-model="name"  //双方向でなくていいのでv-bindでよいかもしれません
  value="ここの初期値をdataのnameにしたい"  //value="{{name}}"にするとビルドエラー
/>

//script
data() {
  return {
    name:'', //ここにはaxiosにて取得したアイテム名が入っています。
  }
},
```

このコンポーネントが作成された際に、createdでaxiosを使いアイテムのデータ取得できています。
（画面上部には、アイテム名が表示される部分があり、そこにはクリックされたアイテム名が表示されています）

ご存知の方いましたら、よろしくお願いします。

情報を追加させて頂きます。
```vue
created(){
    this.fetchItem()
  },
methods:{
 fetchItem(){
      const token = localStorage.getItem('token');
　　　 //JWT認証を使用しているためヘッダーにトークンをつけて送る必要があります
      axios.get('/api/items/users/' + this.$store.state.user.id + '/' + this.$route.params.id, { headers: { Authorization: `Bearer ${token}` } })
      .then(res => {
        this.name = res.data.name  //ここでnameにレスポンスデータがセットされます
      })
      .catch(err => {
        this.message = err.data.statusText;
      })
    },
```

(vue.js) inputフォームの初期値(value属性)を、vueのdataの内容にしたい

タイトル悪いと思います。

[C# で SQL Server から SELECT文 の 実行結果 を 取得する 方法](https://garafu.blogspot.com/2016/05/cs-sqlserver-exec-select.html)
上記のサイトを参考に
C#でデータベースに接続し、データを取得したいです。
予想では、 
adapter.Fill(table);
のtable内にデータがあるのかなと思ったのですが、
特に対象と思われるデータがありませんでした。

お手数をお掛け致しますが、
どのようにすれば、データを取得できるかご教示頂きたいです。
(テーブルの情報をどこかにArryリストとして保持しているのかなと思っていたのですが違うようです。。)

[運送会社]テーブル
|運送コード|運送会社|電話番号|
|1            |アカネコ|(03) 3955-98xx|
|2            |トマト   |(03) 3681-31xx|
|3            |ペンギン |(03) 3566-99xx|

【画像です。】
![行数は確認できるがデータ内容が確認できない](f59ce6a6aac1cbc8503d80adcdae7779.png)

```C#
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;

namespace チュートリアル_
{
    class DBConect
    {
        //まとめて読み込む (DataTable)
        public DataTable GetData()
        {
            var table = new DataTable();

            // 接続文字列の取得
            var connectionString = ConfigurationManager.ConnectionStrings["sqlsvr"].ConnectionString;

            using (var connection = new SqlConnection(connectionString))
            using (var command = connection.CreateCommand())
            {
                try
                {
                    // データベースの接続開始
                    connection.Open();

                    //http://lifesiz.com/adsense/?p=30
                    // SQLの設定
                    command.CommandText = @"use POSDB SELECT * FROM 運送会社";

                    // SQLの実行
                    var adapter = new SqlDataAdapter(command);
                    adapter.Fill(table);
                }
                catch (Exception exception)
                {
                    Console.WriteLine(exception.Message);
                    throw;
                }
                finally
                {
                    // データベースの接続終了
                    connection.Close();
                }
            }

            return table;
        }    
    }
}

```

C# DataTableに読み込んだデータがない

###前提・実現したいこと

初心者です。
C#、Formアプリケーションにて
書籍管理システムを作っています。
![イメージ説明](498ebbb153f6fb0279f81ae5b48862b6.jpeg)

![イメージ説明](19c665b2e63d2c3eb456b54642e7a9b8.jpeg)
現在SQLServerから書籍データを取得してdataGridに一覧表示しているのですが、
画像にある「カテゴリ」、「著者」、「書籍名」、「並び順」の条件を絞込みしての検索ができません。

条件絞込み検索を実装したいです。
※「書籍名」はひらがな検索で実装したいです。

###発生している問題・エラーメッセージ
現在エラーは発生していないのですが、下記サイトを参考にページング処理を実装しています。

https://support.microsoft.com/ja-jp/kb/307710

上記のサイトの方法でページング処理を実装しますとLoad時にdataGridにSQLの内容をセットしているようなのですが、検索ボタンを押下した際にSQLの内容を取得しdataGridへ表示する方法が分からずにいます。


###該当のソースコード
現在実装しているソースコード全文になります。

```ここに言語を入力
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Data.SqlClient;


namespace 書籍管理システム
{
    public partial class Form1 : Form
    {
        SqlDataAdapter da;
        DataSet ds;
        DataTable dtSource;
        int PageCount;
        int maxRec;
        int pageSize;
        int currentPage;
        int recNo;

        private void LoadPage()
        {
            int i;
            int startRec;
            int endRec;
            DataTable dtTemp;

            // Clone the source table to create a temporary table.
            dtTemp = dtSource.Clone();
            if (currentPage == PageCount)
            {
                endRec = maxRec;
            }
            else
            {
                endRec = pageSize * currentPage;
            }
            startRec = recNo;

            // Copy rows from the source table to fill the temporary table.
            for (i = startRec; i < endRec; i++)
            {
                dtTemp.ImportRow(dtSource.Rows[i]);
                recNo += 1;
            }
            dataGrid1.DataSource = dtTemp;
            DisplayPageInfo();
        }
        private void DisplayPageInfo()
        {
            txtDisplayPageNo.Text = currentPage.ToString() + "/ " + PageCount.ToString();
        }
        private bool CheckFillButton()
        {
            // Check if the user clicks the "Fill Grid" button.
            if (pageSize == 0)
            {
                MessageBox.Show("Set the Page Size, and then click the Fill Grid button!");
                return false;
            }
            else
            {
                return true;
            }
        }

        public Form1()
        {
            InitializeComponent();

            // コンボボックスの初期値を設定
            comboBox2.SelectedIndex = 0;

            // SQLのインスタンス化
            SqlConnection conn = new SqlConnection();
            SqlCommand command = new SqlCommand();

            // 接続文字列の指定
            conn.ConnectionString = @"Data Source=versapro\sqlexpress;Initial Catalog=書籍管理システム;Integrated Security=True";

            // 接続
            conn.Open();

            // SQL SELECT文の設定
            command.CommandText = "SELECT CATEGORY_NAME FROM MST_CATEGORY";
            command.Connection = conn;

            SqlDataReader reader = command.ExecuteReader();

            // カテゴリコンボボックスに1行ずつ読み取り
            while (reader.Read())
            {
                string name = (string)reader.GetValue(0);
                comboBox1.Items.Add(name);
            }

            // 接続を閉じる
            conn.Close();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            // データグリットのカラムをセンター表示
            dataGrid1.ColumnHeadersDefaultCellStyle.Alignment = DataGridViewContentAlignment.MiddleCenter;

            // データグリットの列幅をコントロールの表示領域の幅に合わせて表示
            dataGrid1.AutoSizeColumnsMode = DataGridViewAutoSizeColumnsMode.Fill;

            // Open Connection. 
            SqlConnection conn = new SqlConnection(@"Data Source=versapro\sqlexpress;Initial Catalog=書籍管理システム;Integrated Security=True;");

            // Set the DataAdapter's query.
            da = new SqlDataAdapter("SELECT MST_CATEGORY.CATEGORY_NAME as カテゴリ,MST_BOOK.BOOK_AUTHOR as 著者,BOOK_NAME as 書籍名,BOOK_NAME_KANA as 書籍名かな FROM MST_BOOK JOIN MST_CATEGORY ON MST_CATEGORY.CATEGORY_CD=MST_BOOK.CATEGORY_CD", conn);

            ds = new DataSet();
            // Fill the DataSet.
            da.Fill(ds, "MST_BOOK");
            // Set the source table.
            dtSource = ds.Tables["MST_BOOK"];

        }

        private void btnFillGrid_Click_1(object sender, EventArgs e)
        {
            // Set the start and max records. 
            pageSize = Convert.ToInt32(txtPageSize.Text);
            maxRec = dtSource.Rows.Count;
            PageCount = maxRec / pageSize;
            // Adjust the page number if the last page contains a partial page.
            if ((maxRec % pageSize) > 0)
            {
                PageCount += 1;
            }
            // Initial seeings
            currentPage = 1;
            recNo = 0;
            // Display the content of the current page.
            LoadPage();

            int cnt = dataGrid1.Rows.Count;
            gaito.Text = "該当件数" + " " + cnt.ToString() + "件";

            // Last,Nextボタンを有効にする
            btnLastPage.Enabled = true;
            btnNextPage.Enabled = true;

            // First,Previousボタンを無効にする
            btnFirstPage.Enabled = false;
            btnPreviousPage.Enabled = false;
        }


```

###試したこと
知り合いはASP.NETで下記コードを実装して
完全一致の絞込みはできたとのことでした。

試してみましたがLoadイベントに書き込むと
「スカラ変数 "@CATEGORY_NAME" を宣言してください。」
とエラーが発生します。

どのように活用していいかのかも分からずにいます。


String categoryname = DropDownList1.SelectedValue;
String bookauthor = TextBox1.Text;
String bookname = TextBox2.Text;
String orderobj = DropDownList2.SelectedValue;

        // 接続文字列の取得
        var connectionString = ConfigurationManager.ConnectionStrings["BookManagementConnectionString1"].ConnectionString;
 
        using (SqlConnection conn = new SqlConnection(connectionString))
        using (var command = conn.CreateCommand())
        {
            // データベースの接続開始
            conn.Open();

            // SQLの準備
            command.CommandText = "SELECT CATEGORY_NAME, BOOK_AUTHOR, BOOK_NAME, BOOK_NAME_KANA FROM BOOK_SEARCH WHERE CATEGORY_NAME = @CATEGORY_NAME AND BOOK_AUTHOR = @BOOK_AUTHOR AND BOOK_NAME = @BOOK_NAME";

            command.CommandText += " order by BOOK_NAME asc";

            command.Parameters.Add(new SqlParameter("CATEGORY_NAME", categoryname));
            command.Parameters.Add(new SqlParameter("BOOK_AUTHOR", bookauthor));
            command.Parameters.Add(new SqlParameter("BOOK_NAME", bookname));


###補足情報(言語/FW/ツール等のバージョンなど)
Microsoft Visual C# 2008
Microsoft SQLserver 2008

拙い説明で申し訳ございません。
お忙しい中お手数をおかけしますが何卒よろしくお願いします。